<!DOCTYPE html>
<html>
<head>
	<title>{stl.sitename} | 用户中心 | 登录</title>
    	<stl:include file="/include/head.html"></stl:include>
</head>
<body>

	<div class="login">

		<div class="content">
			<stl:include file="/include/header.html"></stl:include>
			<div class="wrapper">
				<div class="container">
					<div class="row">
						<div class="wrapper-intro col-xs-0 col-sm-3 col-md-4 col-lg-4">
						</div>

						<!--<div class="wrapper-intro col-xs-0 col-sm-0 col-md-2 col-lg-2"></div>-->

						<div class="log-or-sign col-xs-12 col-sm-6 col-md-4 col-lg-4">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs" id="tab-sl">
								<li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab" id="tri-login">登录</a></li>
								<li role="presentation"><a href="#register" aria-controls="register" role="tab" data-toggle="tab" id="tri-register">注册</a></li>
							</ul>

							<!-- Tab panes -->
							<div class="tab-content">
								<!-- Tab Log in -->
								<form role="tabpanel" class="tab-pane fade in active" id="login" onsubmit="return false;">
									<div class="tab-info" id="login-info"></div>
									<label for="login-account" class="sr-only">帐号</label>
									<input id="login-account" class="form-control" placeholder="帐号" required="" autofocus="" type="text">
									<label for="login-password" class="sr-only">密码</label>
									<input id="login-password" class="form-control" placeholder="密码" required="" type="password">
									<div class="checkbox">
										<label class="f-white">
											<input id="login-remember" checked="" type="checkbox"> 记住我
										</label>
										<a class="pull-right forgot" href="resetpwd.html">重置密码</a>
									</div>
									<button class="btn btn-lg btn-primary btn-block btn-login">登录</button>
								</form>
								<!-- Tab Register -->
								<!-- Tab Register -->
								<form role="tabpanel" class="tab-pane fade" id="register" onsubmit="return false;">
									<div class="tab-info" id="register-info"></div>
									<label for="register-account" class="sr-only">帐号</label>
									<input id="register-account" class="form-control" placeholder="帐号" required="" autofocus="" type="text"></input>
									<label for="register-password" class="sr-only">密码</label>
									<input id="register-password" class="form-control" placeholder="密码" required="" type="password"></input>
                                    <label for="register-mobile" class="sr-only">手机</label>
                                    <input id="register-mobile" class="form-control" placeholder="手机" required="" autofocus="" type="text"></input>
									<label for="register-code" class="sr-only">短信验证码</label>
                                    <input type="hidden" class="validation-code"></input>
									<input id="register-code" class="form-control pull-left" placeholder="短信验证码" required="" type="text"></input>
                                    <button class="btn btn-primary pull-right btn-getcode">获取验证码</button>
									<label for="register-community" class="sr-only">街道</label>
									<select id="register-community" class="form-control" placeholder="街道" required="" style="height: 40px;">
										<option selected="selected" value="">所属街道</option>
										<option value="梅村街道">梅村街道</option>
										<option value="新安街道">新安街道</option>
										<option value="鸿山街道">鸿山街道</option>
										<option value="硕放街道">硕放街道</option>
										<option value="旺庄街道">旺庄街道</option>
										<option value="江溪街道">江溪街道</option>
										<option value="其他">其他</option>
									</select>
									<button class="btn btn-lg btn-primary btn-block btn-register">注册</button>
								</form>
							</div>
						</div>

						<div class="wrapper-intro col-xs-0 col-sm-3 col-md-4 col-lg-4">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<stl:include file="/include/bottom.html"></stl:include>
<script src="js/md5.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script>
	$("#nav-index").removeClass('active');
	$("#nav-login").addClass('active');

	//判断tab
	var url = location.href; 
	var t = url.split('?')[1].split("=")[1]; 
	switch(t)
		{
			case 'login': 
				$('#tab-sl a[href="#login"]').tab('show')
				break; 
			case 'register':
				$('#tab-sl a[href="#register"]').tab('show')
				break; 
		}
</script>
</body>
</html>